
<html>
<head>
<title>Beer-Factory</title>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<style>
.beszerzesre {
	/*display: inline-block;*/
	
}
body{
padding: 15px;
}
</style>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	
<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>
	tinymce.init({
		selector : 'textarea'
	});
</script>	
</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">IMPORTER</a>
			</div>


			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li><a href="importer.html">Upload import doc.</a></li>
					<li><a href="importer-need.html">Material needs to import</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="login.html">Logout</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<div class="well well-sm">Fajlfeltoltes, milyen nyersanyagok kerultek beszallitasra!</div>
	<div class="well">
		<form class="form-inline">
			<div class="form-group">
				<label for="exampleInputFile">Transport report</label> <input
					type="file" id="exampleInputFile">
			</div>
			<button class="btn btn-default" type="button">Upload import
				doc for processing</button>
		</form>
	</div>
	<div class="row">
		<div class="col-md-9 ">
		<h1>Materials: (date: 2014.10.01.)</h1>
			<div class="beszerzesre panel panel-default">
				<table class="table table-hover panel-body">
					<thead>
						<td>#</td>
						<td>Material</td>
						<td>Quantity</td>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Water</td>
							<td>100l</td>
						</tr>
						<tr>
							<td>2</td>
							<td>asdasd</td>
							<td>234ml</td>
						</tr>
						<tr>
							<td>3</td>
							<td>aghgfn sdf</td>
							<td>140l</td>
						</tr>
						<tr>
							<td>4</td>
							<td>fgfghf</td>
							<td>34kb</td>
						</tr>
						<tr>
							<td>5</td>
							<td>ertnbf</td>
							<td>12kg</td>
						</tr>
						<tr>
							<td>6</td>
							<td>FFkjs</td>
							<td>10l</td>
						</tr>
						<tr>
							<td>7</td>
							<td>WaRlkjgter</td>
							<td>23kg</td>
						</tr>
						<tr>
							<td>8</td>
							<td>WaIsoghkter</td>
							<td>30l</td>
						</tr>
						<tr>
							<td>9</td>
							<td>Klskjd dfs</td>
							<td>90l</td>
						</tr>
					</tbody>
				</table>
			</div>
			<h2>Comments</h2>
			<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis sit amet purus iaculis tincidunt. Suspendisse sit amet aliquam orci, vel lacinia justo. Ut in interdum quam, sit amet malesuada tortor. Phasellus vitae ex euismod nunc molestie dignissim. Maecenas pretium justo quis luctus lobortis. Suspendisse a enim justo. Vivamus sagittis placerat augue quis congue. Donec laoreet diam in nunc facilisis fringilla. Cras ullamcorper laoreet arcu, vel blandit tortor porttitor eu. Proin elementum molestie leo nec dignissim. Fusce pulvinar sapien vehicula scelerisque aliquet. </p>
		</div>
		<div class="col-md-3">
				</br>
				<button class="btn btn-success btn-lg btn-block" type="button">SAVE</button>
				</br>
				<button class="btn btn-warning  btn-lg btn-block" type="button">CANCEL</button>		
		</div>
	</div>
	<!-- Bootstrap core JavaScript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/docs.min.js"></script>

	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>